.container{
    display: flex;
    outline: 1px solid black;
    flex-wrap: wrap;
    height: 600px;
    width: 800px;
    align-items: center;
    align-content: center;
}

.item{
    /* width: 200px; */
    height: 100px;
    background-color: rgb(194, 226, 164);
    outline: 1px solid red;
    flex-grow: 1;
    /* flex-basis: auto; */
}
.item:first-child{
    /* order: 10; */
    /* flex-grow: 1; */
    /* 25px */
    /* 40px */
    /* flex-basis: 300px; */
    /* width: 400px; */
}
.item:nth-child(2){
    /* order: 11; */
    /* flex-grow: 4; */
    /* 100px */
    /* 160px */
    /* align-self: flex-start; */
    /* flex-basis: 300px; */
}
.item:last-child{
    /* order: -1; */
    /* flex-grow: 3; */
    /* 75px */
    /* flex-shrink: 4; */
}
/* 总共缩减了宽度 200px */
/* 200/5 = 40 */
/* 总共缩小了 8分 200/8 = 25 */
